Vue最早版本迁移到2.0
来源:互联网 发布:qq飞车噬魂剃刀数据 编辑:程序博客网 时间:2024/05/22 15:04
刚开始接触Vue的第一个项目就是把Vue最低版本的项目迁移到现在最新的版本2.0,好玩又有挑战。
Vue中的知识点以及自2.0中的使用情况
在v-for循环中
2.0中的新语法
<li v-for="(item, index) in items"/></li><li v-for="(val, key, index) in items"/></li>
当组件不需要渲染模板中的内容,而是渲染默认的内容时,可以使用组件的inline-template属性,组件将把它的内容当做模板,而不是当做分发内容,而且inline-template的优先级高于template。
模板的顶级元素是单个元素,即组件元素必须有一个根节点,否则会报错。
2.0中绑定动态属性不再支持class=”{{msg}}”,只能使用:class=”item”.
$event原生事件对象,在2.0中已废弃。
<button @click="handleClick($event)"/></button>
v-ref:子组件的索引,可以通过父组件的$refs对象访问子组件。在2.0中已经废弃,改为ref属性
<div id="parent"> <user-profile ref="profile"></user-profile></div>var parent = new Vue({ el: '#parent' })// 访问子组件var child = parent.$refs.profile
这个属性同样可用于元素上
<p ref="p">hello</p>
用于取代v-el指令。
v-cloak:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
[v-cloak] { display: none;}<div v-cloak> {{ message }}</div>
0 0
- Vue最早版本迁移到2.0
- 今天到公司最早
- openvas 6版本,迁移到colinux版本
- CVS版本库到Git的迁移
- ArcGIS低版本切片迁移到高版本(或相同版本迁移)
- 高版本sql server迁移到低版本Sql Server
- hg(Mercurial)版本库迁移到git版本库
- vue1x、vue-router 0.7x 迁移到 vue2 vue-router2 vueX的坑
- Oracle 数据迁移(从Oracle11G高版本迁移到Oracle10G低版本)
- Oracle10g正式版本迁移到Oracle10g XE 的中文问题
- 将SVN版本库迁移到Gerrit中
- 源码版本管理gitcafe(已经迁移到coding)
- Oracle迁移Linux到Windows,版本从低到高
- subversion 版本库数据迁移 从一台服务器迁移到另一台新有服务器
- vue-cli的webpack配置,迁移适用到react开发配置webpack
- vue1.0到vue2.0迁移助手 vue-migration-helper 安装
- 我们为什么以及是如何从 Angular.js 迁移到 Vue.js?
- Vue之2.0版本的生命周期
- 3 使用 Dockerfile 实现 自动化构建(创建) 镜像
- servlet实现文件上传
- Java中内部类
- 跟我一起写 Makefile(十)
- 设计模式C++实现(3)——适配器模式
- Vue最早版本迁移到2.0
- 【C#】使用TcpListener和TcpClient实现简单通信
- Listview中的分割线、分割线的颜色以及分割线高度的改变 Button或者ImageButton的背景设为透明或者半透明
- PopupWindow学习
- sqli-labs学习教程(一)
- Manacher马拉车算法总结
- synchronized关键字(四)
- Python 之 self
- 跟我一起写 Makefile(十一)