【Vue学习笔记】—— vue的基础语法 { }

Vue学习笔记-Vue.js-2.X 学习(二)===>组件化开发

===重点重点开始 ========================== (三) 组件化开发 1.创建组件构造器: Vue.extends() 2.注册组件: Vue.component() 3.使用组件(全局和局部组件) 一般方式:全局和局部组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</…

Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习

一使用环境: windows 7 64位操作系统二 IDE:VSCode/PyCharm 三 Vue.js官网: https://cn.vuejs.org/ 四下载安装引用方式1:直接CDN引入(学习时使用)  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优…

Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明-Babel)

五 Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitignore : Git忽略文件,里面配置的文件就不提交到服务器 babel.config.js : ES语法转换 package.json : 重要的项目和模块配置信息 package-lock.json : 锁定安装时包的版本号,记录模块与模块之间的依赖关系 README.md : 书写注释文档 2.…

Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)

(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二 Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nodejs的官网下载 https://nodejs.org/en/download/ ,直接点 windows installer 2. 选择按装路径后(我的按装路径 D:\nodejs ),直接下一步,这样 npm 命令就可以用了, node -v 来测试是否成功安装按装是此处不勾选测式: n…

Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)

Vue项目在pycharm中配置退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)…

Vue学习笔记-Vue.js-2.X 学习(三)===>组件化高级

(四) 组件化高级 1.插槽(slot)的基本使用 A:基本使用: <slot></slot> B:默认置:<slot><h1>中间可以放默认值</h1></slot> C:如果有多个值,同时放入到组件进行替换时,一起作为替换元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&…

Vue学习笔记-Vue基础入门

此篇文章是本人在学习Vue是做的部分笔记的一个整理,内容不是很全面,希望能对阅读文章的同学有点帮助. 什么是Vue? Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动. 学习Vue需要掌握HTML.CSS 和…

【Vue学习笔记】—— vuex的语法 { }

学习笔记作者:o_Ming vuex Vuex ++ state ++ (用于存储全局数据) 组件访问 state 中的全局数据的方式1: this.$store.state.全局数据组件访问 state 中的全局数据的方式2: // 组件中按需导入 mapState 函数 import { mapState } from 'vuex' export default { name: 'app', computed: { // 将全局数据映射为计算属性 ...mapState(['inpu…

<学习笔记之 JQuery 基础语法>

jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 1. 页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. 可以通过下面的标记把 jQuery 添加到网页中: <head> <script…

Vue学习笔记-Vue.js-2.X 学习(七)===>脚手架Vue-CLI(路由Router)

脚手架Vue-CLI(路由Router) 一按装(通过新创建脚手架按装),如果在原来的脚手架上按装直接进图型化界面vue ui的插件按装. 二使用(上面按装下面步骤自动会生成) 第一步:导入路由对象,并且调用Vue.use(VueRouter) 第二步:创建路由实例,并且传入路由映射配置第三步:导出路由实例第四步:在Vue实例中挂载创建的路由实例第五步:使用路由,通过<router-link>和<router-view> <router-link>是vuero…

Java 学习笔记(1)——java基础语法

最近抽时间在学习Java,目前有了一点心得,在此记录下来. 由于我自己之前学过C/C++,而Java的语法与C/C++基本类似,所以这一系列文章我并不想从基础一点点的写,我想根据我已有的C/C++经验,补充一些需要注意的点,或者java中独特的内容,或者将C/C++进行对比来总结一下学习的内容. 为什么要学习java 最开始接触到Java还是在学校中开设的一门java编程语言的课,那个时候感觉java很麻烦,写个helloworld要那么多代码.后来学到web编程,我自己搭建的环境总是报错,而且…

Java基础学习笔记三 Java基础语法

Scanner类 Scanner类属于引用数据类型,先了解下引用数据类型. 引用数据类型的使用与定义基本数据类型变量不同,引用数据类型的变量定义及赋值有一个相对固定的步骤或格式. 数据类型变量名 = new 数据类型(); 每种引用数据类型都有其功能,我们可以调用该类型实例使用其功能. 变量名.方法名(); Scanner类 Scanner类可以完成用户键盘录入,获取到录入的数据. Scanner使用步骤: 导包: import java.util.Scanner; 创建对象实例:Scann…

Java基础学习笔记四 Java基础语法

数组数组的需求现在需要统计某公司员工的工资情况,例如计算平均工资.最高工资等.假设该公司有50名员工,用前面所学的知识完成,那么程序首先需要声明50个变量来分别记住每位员工的工资,这样做会显得很麻烦. 数组的概述数组是指一组数据的集合,数组中的每个数据被称作元素.在数组中可以存放任意类型的元素,但同一个数组里存放的元素类型必须一致. 数组的定义格式: 数据类型[] 数组名 = new 数据类型[元素个数或数组长度]; 举例:int[] x = new int[100]; 要点说明数据类…

Java基础学习笔记七 Java基础语法之继承和抽象类

继承继承的概念在现实生活中,继承一般指的是子女继承父辈的财产.在程序中,继承描述的是事物之间的所属关系,通过继承可以使多种事物之间形成一种关系体系. 例如公司中的研发部员工和维护部员工都属于员工,程序中便可以描述为研发部员工和维护部员工继承自员工,同理,JavaEE工程师和Android工程师继承自研发部员工,而维网络维护工程师和硬件维护工程师继承自维护部员工.这些员工之间会形成一个继承体系,具体如下图所示. 在Java中,类的继承是指在一个现有类的基础上去构建一个新的类,构建出来的新类被称…

Java基础学习笔记八 Java基础语法之接口和多态

接口接口概念接口是功能的集合,同样可看做是一种数据类型,是比抽象类更为抽象的”类”.接口只描述所应该具备的方法,并没有具体实现,具体的实现由接口的实现类(相当于接口的子类)来完成.这样将功能的定义与实现分离,优化了程序设计.请记住:一切事物均有功能,即一切事物均有接口. 接口的定义与定义类的class不同,接口定义时需要使用interface关键字.定义接口所在的仍为.java文件,虽然声明时使用的为interface关键字的编译后仍然会产生.class文件.这点可以让我们将接口看做是一种…

vue学习笔记 vue

目前为止对vue完全懵逼. 对着菜鸟教程,现在我尝试梳理下. 服务我已经启起来.可以看到页面在src/App.vue里面有展示模板<template></template> <script></script> <style></style> 在src/components/HelloWorld.vue (msg里面的信息修改后页面内容页跟着修改了)…

vue学习笔记 vue安装

一.安装步骤:(用cmd命令用管理身份安装比较顺利) 1.安装node,安装后可以输入npm -v 查看版本,升级npm可用 cnpm install npm -g 2.安装vue 输入cnpm install vue文件夹会出现 node_modules 3.全局安装vue-cli 输入cnpm install --global vue-cli 4.创建一个基于webpack模板的新项目输入 vue init webpack my-project会安装my-project文件夹 5.进入项目安…

Vue学习笔记:Vue组件的核心概念(下)

1.双向绑定和单向数据流: 本质上还是单向数据流视图<——>数据 v-model:仅仅是一个简写,用更少代码去实现功能. 自定义事件 .sync 修饰符 2.虚拟DOM及KEY属性作用 jquery: vue: virtual dom 新旧DOM树比较同层级比较: 节点移动不带Key移动带Key移动插入有KEY(性能高) 节点删除新建 (算法因为同层级策略,无法达到最优解) 3.如何触发组件更新数据驱动任何修改DOM的行为都是在作死! 数据来源(单向) 状态data和属性pro…

Vue学习笔记-vue调试工具vue-devtools安装及使用

一使用环境: windows 7 64位操作系统二 vue调试工具vue-devtools安装及使用 1.下载: 百度中查找 "vue-devtools下载" 找到最新版下载. 我下载时的最新版本是 Vue.js devtoolsv5.3.3 https://www.cr173.com/soft/1061360.html 2.下载后的文件类型是 crx 3.将文件重命名为 zip 文件 4.将重命名的文件解压在 Vue.js Devtools_5.3.3 中,打开 Vue.…

Java基础学习笔记二 Java基础语法

注释注释用来解释和说明程序的文字,注释是不会被执行的. 单行注释 //这是一条单行注释 public int i; 多行注释 /* 这是 * 一段注释, * 它跨越了多个行 */ public void f() {} } 文档注释 /** The first Thinking in Java example program. * Lists system information on current machine. * @author Bruce Eckel * @author http:/…

Java基础学习笔记六 Java基础语法之类和ArrayList

引用数据类型引用数据类型分类,提到引用数据类型(类),其实我们对它并不陌生,如使用过的Scanner类.Random类.我们可以把类的类型为两种: 第一种,Java为我们提供好的类,如Scanner类,Random类等,这些已存在的类中包含了很多的方法与属性,可供我们使用. 第二种,我们自己创建的类,按照类的定义标准,可以在类中包含多个方法与属性,来供我们使用. 这里我们主要介绍第二种情况的简单使用. 自定义数据类型概述在Java中,将现实生活中的事物抽象成了代码.这时,我们可以使用自定义的…

Java基础学习笔记五 Java基础语法之面向对象

面向对象理解什么是面向过程.面向对象面向过程与面向对象都是我们编程中,编写程序的一种思维方式.面向过程的程序设计方式,是遇到一件事时,思考“我该怎么做”,然后一步步实现的过程.例如:公司打扫卫生(擦玻璃.扫地.拖地.倒垃圾等),按照面向过程的程序设计方式会思考“打扫卫生我该怎么做,然后一件件的完成”,最后把公司卫生打扫干净了.面向对象的程序设计方式,是遇到一件事时,思考“我该让谁来做”,然后那个“谁”就是对象,他要怎么做这件事是他自己的事,反正最后一群对象合力能把事就好就行了.例如,公司打扫…

Java基础学习笔记九 Java基础语法之this和super

构造方法我们对封装已经有了基本的了解,接下来我们来看一个新的问题,依然以Person为例,由于Person中的属性都被private了,外界无法直接访问属性,必须对外提供相应的set和get方法.当创建Person对象的时候,Person对象一创建就要明确其姓名和年龄,那该怎么做呢? 构造方法介绍在开发中经常需要在创建对象的同时明确对象的属性值,比如员工入职公司就要明确他的姓名.年龄等属性信息.也就是在创建对象的时候就要做的事情,当使用new关键字创建对象时,怎么给对象的属性初始化值呢?这就…

mobx学习笔记03——mobx基础语法（decorator修饰器）

在声明阶段实现类与类成员注解的一种语法. function log(target){ const desc = Object.getOwnPropertyDescriotors(target.prototype); for(const key of Object.keys(desc)){ if(key === 'constructor'){ continue; } const func = desc[key].value; if ('function' === typeof func) { Ob…

mobx学习笔记02——mobx基础语法（class）

新的语法可能不被浏览器支持,可以使用babel转换为浏览器支持的代码格式: 为什么要定义class? js是一门面向对象的编程语言.需要利用类来复用代码,提高编程效率. 需要什么样的class能力? 继承+多态例子:在页面中显示Hello World! 1)创建工程文件夹,在该文件夹中创建src文件夹,在src文件夹中创建index.js文件,并在其中写入显示Hello World!的代码. 2)执行npm init -y 命令来创建包含默认内容的package.json文件 3)创建webp…

Python学习笔记1（基础语法）

1.Python的文件类型: 源代码:扩展名以py结尾.python写的程序不需要编译成二进制代码,可以直接运行.pyw是Windows下开发图形界面的源文件. 字节代码:扩展名以pyc结尾,是编译过的字节文件,不能使用文本编辑工具打开或者修改. 优化代码:扩展名以pyo结尾,是优化过的源文件,需要用命令行工具生成.下面把hello.py编译成hello.pyo. python -O -m py_compile hello.py PS: 参数-O表示生成优化代码,-m表示吧导入的py_compi…

【【Vue学习笔记】—— vue的基础语法 { }】的更多相关文章