Vue
我是z先生
平凡的人,要做点不平凡的事
展开
-
[vue] 常见用法之 v-for
我们使用vue,在对一组数组列表进行渲染的时,会使用到 v-for 指令。v-for 指令使用 item in items 形式语法,items是源数据数组, item 是数组元素迭代的别名。 <ul> <li v-for="item in items"> {{ item.name}} </li></ul> data: ...原创 2019-05-13 11:01:11 · 7738 阅读 · 0 评论 -
[vue] 常见用法之 v-html、v-text、v-model区别
v-model: 指令常用于表单 < input >、< textarea > 及 < select > 元素上,创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素,负责监听用户的输入事件更新数据。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值,而总是在组件的 data 选项中声明初始值。&l...原创 2019-05-13 17:37:54 · 6347 阅读 · 0 评论 -
[vue] 关于vue-router嵌套路由,默认子路由方法设置
我们在做项目的时候,常常会遇到Tab页面需求,需要设置默认选项为第一个选项卡。这时候我们就需要用到 vue-router 嵌套路由实现。设置默认项使用 redirect 属性即可。export default new Router({ routes: [ { path: '/', name: 'vDemo', component: vDemo, ...原创 2019-07-02 10:54:42 · 16512 阅读 · 2 评论 -
[vue] 组件之间数据传递方法
组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统 可以让我们用独立可复用的 小组件 来构建大型应用。由于vue组件作用域的关系,组件是独立的存在。因此需要使用特定的方法才能实现组件之间的数据传递。一、父组件向子组件传递数据推荐三种方法:第一种:父组件绑定需要传递的事件。通过 props 向下传递数据给子组件。pro...原创 2019-07-02 18:46:49 · 694 阅读 · 0 评论 -
[Vue warn]: Failed to mount component: template or render function not defined.
以前写vue没怎么注意,今天碰到一个情况,如果你的项目接口有同名的文件,会报错。如: console中报错:解决办法:修改其中一个文件名;在引用的时候加后缀名: import Test from ‘…/view/test/test.vue’...原创 2019-08-15 11:28:48 · 1083 阅读 · 0 评论 -
[css3] 常用animation动画制作Icon动态刷新效果
我们在项目中,经常会遇到需要做刷新或加载动态功能,一般UI会给一个静态png的图标,需要去用动画animation实现旋转效果。如下:css部分:或者简写animation:...原创 2019-08-15 12:00:15 · 2208 阅读 · 1 评论