vue知识点
浅Q
这个作者很懒,什么都没留下…
展开
-
Vue脚手架文件结构及解释 Vue.js与Vue.runtime.xxx.js的区别
2.因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。(2).vue.runtime.xxx.js是运行版的Vue只包含核心功能,没有模板解析器。(1).vue.js是完整版的vue包含核心功能+模板解析器。二.Vue.js与Vue.runtime.xxx.js的区别。1.Vue.js与Vue.runtime.xxx.js的区别。main.js入口文件。...原创 2022-07-25 14:46:36 · 327 阅读 · 0 评论 -
Vue脚手架安装步骤,详细图解过程
6.切换到要创建项目的目录,然后使用命令创建项目此处演示的项目名为"filename"cdfilename(注意cd进入的是刚刚创建脚手架的文件夹)9.退出项目需要输入两次!Ctrl+c(复制的快捷键)npminstall-g@vue/cli+回车。两次Ctrl+c之后,命令窗口变成能输入状态,表示退出成功。8.进入项目文件里,在控制面板中输入命令,启动项目。2.在弹出窗口中输入cmd进入控制面板。4.全局安装@vue/cli。7.切换到项目的目录里。...原创 2022-07-25 14:41:26 · 3294 阅读 · 0 评论 -
Vue非单文件组件
data函数,methods中的函数,watch中的函数,computed中的函数,她们的this均是VueCompentent实例对象。使用Vue.extend(options)创建,其中options和newVue(options)时传入的那个options几乎样,但也有点区别.data函数,methods中的函数,watch中的函数,computed中的函数,她们的this均是Vue实例对象。(2).data必须写成函数,为什么?(2).全局注册靠Vue.component('组件名',组件)...原创 2022-07-25 14:19:10 · 120 阅读 · 0 评论 -
Vue自定义指令和Vue生命周期
Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)1.mounted发送ajax请求,启动定时器,绑定自定义事件,订阅消息等[初始化操作](2).指令名如果是多个单词,要使用"-"连接的命名方式,不要用小驼峰命名。2.生命周期是什么Vue在关键时刻帮我们调用的一些特殊名称功能的函数.(2).inserted指令所在元素被插入页面是调用。1.又名生命周期回调函数,生命周期函数,生命周期钩子。(1).指令定义时不加v-,但使用时要加v-...原创 2022-07-25 14:16:34 · 1181 阅读 · 0 评论 -
Vue过滤器和内置指令
通用指令: v-bind:单向绑定解析表达式,可简写为 :xxx v-model:双向数据绑定 v-for:遍历数组/对象/字符串 v-on:绑定事件监听,可简写为@ v-if:条件渲染(动态控制节点是否存在) v-else:条件渲染(动态控制节点是否存在) v-show:条件渲染(动态控制节点是否展示)...原创 2022-07-25 14:11:15 · 208 阅读 · 0 评论 -
vue绑定属性, 条件渲染,列表渲染,虚拟DOM中key的作用,用index作为key可能会引发的问题,开发中如何选择key,Vue监视数据的原理:
vue绑定属性, 条件渲染,列表渲染,虚拟DOM中key的作用,用index作为key可能会引发的问题,开发中如何选择key,Vue监视数据的原理:原创 2022-07-20 17:58:09 · 266 阅读 · 0 评论 -
vue的计算属性和监视属性
计算属性:1. 定义:要用的属性不存在,要通过已有的属性计算得来监视属性watch:1. 当监视的属性变化时,回调函数自动调用,进行相关操作2. 监视的属性必须存在,才能进行监视3. 监视的两种写法:(1).new Vue时传入watch配置(2).通过vm.$watch监视...原创 2022-07-20 17:50:47 · 320 阅读 · 0 评论 -
vue数据代理和数据处理,Vue中的事件修饰符,Vue中常用的按键别名
vue数据代理和数据处理,Vue中的事件修饰符,Vue中常用的按键别名1. prevent:阻止默认事件(常用)2. stop:阻止事件冒泡(常用)3. once:事件只触发一次(常用)4. capture:使用事件的捕获模式5. self:只有event.target是当前操作的元素时才触发事件6. passive:事件的默认行为立即执行,无需等待事件回调执行完毕...原创 2022-07-20 17:39:38 · 140 阅读 · 0 评论 -
vue中el与data的两种写法和MVVM模型
1. el有2种写法(1).mew Vue时候配置el属性(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值2. data有两种写法(1).对象式 (2).函数式1. M:模型(Model):data中的数据2. V:视图(View):模板代码3. VM:视图模型(ViewModel):Vue实例...原创 2022-07-20 17:34:14 · 232 阅读 · 0 评论 -
Vue模板语法和数据绑定
1. 插值语法:功能:用于解析标签体内容2. 指令语法:功能:用于解析标签(包括:标签属性,标签体内容,绑定事件......)1. 单相绑定(v-bind):数据只能从data流向页面2. 双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data...原创 2022-07-20 17:29:22 · 182 阅读 · 0 评论