随笔分类 - Vue再出发
摘要：一、作用 接收数据(父组件传输) 二、语法 1、传递数据 <Demo name="jojo" sex="male" :age="30"/> 注意：传递Number数据类型，需要数据绑定(数据绑定计算引号中的值) 2、接收数据 a、简单接收数据 props:['name', 'sex', 'age']
阅读全文
摘要：1、被用来给元素或子组件引入信息 2、元素获取真实DOM，子组件获取子组件的 组件实例化对象 VueComponents 3、使用方法 打标识 ref='"名字" <div> <h2 ref="title">{{info}}</h2> <button ref="btn" @click="showIn
阅读全文
摘要：一、官网 https://cli.vuejs.org/zh/config/ 二、配置 1、打开vue.config.js文件，脚手架自带 2、添加 lintOnSave: false 三、查看脚手架默认配置 vue inspect > output.js
阅读全文
摘要：1、vue.js与vue.runtime.xxx.js的区别 a、vue.js是完整版的Vue，包含：核心功能和模板解析器。 b、vue.runtime.xx.js是运行版的vue。只包含核心功能，没有模板解析器 2、因为rvue.runtime.xxx.js没有模板解析器，所以不能使用templa
阅读全文
摘要：1、以管理员的权限打卡 PowerShell 2、设置 Get-ExecutionPolicy // 选择 y Set-ExecutionPolicy RemoteSigned 如果还不行，输入以下内容，并找到占用的文件，并删除 get-command npm 3、重启vscode
阅读全文
摘要：官网： https://cli.vuejs.org/zh/ 一、安装脚手架 npm install -g @vue/cli 注意：安装过程有警告，安装完后，关闭窗口，重新打开cmd，输入vue，没有报错 二、切换到创建文件的目录，然后使用命令创建 vue create vue_test 耐心等待 三
阅读全文
摘要：一、安装 1、下载 https://nodejs.org/en/download/ 2、安装 3、测试 打开cmd 查看node 和npm 版本 node -v npm -v 二、环境配置 1、找到安装目录，新建 node_cache 和 node_global文件夹 2、以管理员权限打开cmd 输
阅读全文
摘要：文件 xx.vue，xx文件名，使用大驼峰 1、template 内 写 html ，注意添加div 2、script 写 vue核心功能， 注意name 和 引入子组件 3、style 写css格式 <template> </template> <script> export default {
阅读全文
摘要：一、VueComponent 1、组件的本质是 VueComponent的构造函数，是Vue.extend生成的 2、我们只需要写<组件名></组件名>，Vue解析时会帮我们创建组件的实例对象 即Vue帮我们执行的：new VueComponent({}) 3、注意：每次调佣Vue.extend({
阅读全文
摘要：一、Vue组件使用的三大步 1、定义组件 2、注册组件 3、使用组件 二、定义组件 1、Vue.extend({})与new Vue({})基本相似，Vue.extend不适用el，data要写返回函数 2、template用来写html结构，注意要加div包裹起来 3、简写 const s = {
阅读全文
摘要：一、生命周期钩子 1、挂载流程 初始化生命周期->beforecreate->数据代理->created->初始化虚拟DOM->beforemount->虚拟DOM转化为真是DOM并挂在在页面->mounted 2、更新流程 数据发生改变->beforeupdate(此时数据发生改变，页面没变)->
阅读全文
摘要：一、定义语法 1、局部 // 简单，只需要指令语法绑定元素和指令语法所在模块加载时使用 nev Vue({ ..., directives:{ // element指令绑定的dom，binding获取value 指令名(element, binding){ }, }, } // 详细，指令绑定元素、
阅读全文
摘要：一、v-text指令 1、作用：渲染所在节点的文本内容 2、区别：与插值语法的区别，v-text会替换掉节点的内容，{{xx}}不会 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
摘要：作用：实现一些简单的逻辑，前面的结果作为输入值给后面(与管道符类似) 语法 1、定义，默认带value //局部，vue中, 有返回值 filters:{ 过滤器名(value){ return 值 } } //全局，全局过滤器定义在vm前面 Vue.filter(过滤器名称, function(v
阅读全文
摘要：收集表单数据 若<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 若<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 若<input type="checkbox"/> 1、没有
阅读全文
摘要：注意：在vm(data)的根数据，不能使用 Vm.set() /vm.$set() 一、监视 1、vue会监视data中所有层次的数据、 2、对象数据 a、对象中添加属性，vue默认不做响应 b、对象添加属性，vue做响应，通过如下api Vue.set(target, 属性, 值) vue.$se
阅读全文
摘要：一、基础 1、v-for用来展示列表数据 2、语法 v-for="(value, index) in xx" :key="唯一标识" 3、可遍历：数组、对象、字符串 注意：先是值，再是索引 注意:key=""，key等于的值是唯一标识 <!DOCTYPE html> <html lang="en">
阅读全文
摘要：一、v-show 写法：v-show="表达式" 适用于切换频率较高的场景 特点：不展示的DOM元素未被移除，仅仅是隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
阅读全文
摘要：一、class样式 写法:class="xxx"，xxx可以是字符串、数组、对象 字符串写法适用于 类名不确定 要动态获取 数组写法适用于：绑定多个样式，个数不确定，名字也不确定 对象写法适用于：要绑定多个样式，个数确定，名字也确定，不确定是否使用{a:false, b:false} 二、style
阅读全文
摘要：监视属性 1、监视对象：普通属性、计算属性 2、当监视对象发生变化时，watch中的handler函数自动调用 3、常用属性 immediate：true 立刻执行，无论监视对象发没发生变化 depp: true 深度属性监视，一般只监视一层 4、两种写法 new Vue 传入 watch watc
阅读全文
浙公网安备 33010602011771号