vue入门

作者: cythia_yyy | 来源:发表于2017-12-18 11:57 被阅读0次

(1)不要在选项属性或回调上使用箭头函数:箭头函数是和父级上下文绑在一起的
(2)vue中不能在子组件的模板内直接引用父组件的数据,需要借助prop下发在子组件
(3)使用 validate、resetFields方法时,必须使用prop属性,重置表格需要本地设置初始值
(4)el-table的:data绑定必须是数组,不能使用对象
(5)读取json数据时,不能直接用在v-for上,要先判断对象数组的长度(length)
(6)引入外部图片使用变量时,需要先在实例data中返回,再在模板中使用
(7)label值字符转整型::label="parseInt('11')"
(8)click事件触发多个处理函数时,不可以省略函数的括号
@click="scoreLogDialog = true;getAllScoreLogs()"
(9)数组元素增加属性后,视图不能及时更新:
使用数组的splice方法,如arr.splice(arr,0),强制刷新视图数据
(10)router-link标签用于路由跳转,会阻止掉事件,使用@click.native绑定事件,.native
类似于将元素转换成原生的DOM元素
(11)v-model和:model的区别
v-model用于双向绑定数据,只在表单标签(input、select、textarea等)中有效
:model是v-bind:model的简写,<child :model="msg"></child>是将父组件的数据传递给子组件;而<input type="text" v-model='msg'> <child v-model='msg'></child>是实现父子组件中数据的双向绑定

相关文章

  • Vue 入门到实战课程

    Vue 入门到实战课程 说明 课程 VueCli3.0-小白入门 Vue2.0 小白入门教程 Vue 项目实战 在...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程: vue最简单的入门教程+实战+Vue2+VueRouter2+we...

  • VUE系列教程目录

    VUE系列教程目录 vue入门之路篇系列教程:vue最简单的入门教程+实战+Vue2+VueRouter2+web...

  • 01vue-安装vue

    资源 1.Vue.js2.0从入门到放弃---入门实例(一)2.Vue.js入门学习(一)3.Vue官方中文Api...

  • Vue.js状态管理工具Vuex快速上手

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue2简单入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js再入门

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • Vue.js使用vue-router构建单页应用

    Vue2简单入门 Vue.js再入门 Vue.js使用vue-router构建单页应用 Vue.js状态管理工具V...

  • vue基础入门

    vue基础入门

  • 【前端全栈】1.从入门到工作

    2020年大热的前端技术:Vue3/TS/Flutter 1、分阶段: 先导(JS入门、Vue入门等) 入门阶段(...

网友评论

      本文标题:vue入门

      本文链接:https://www.haomeiwen.com/subject/mmopwxtx.html