vue
苏云南雁
喜爱技术,热爱学习,终身学习者
展开
-
vue学习笔记1——vue相关概念、相关操作
目录 一、相关概念1,为什么要用框架?2,框架和库的区别3,后端的MVC与前端的MVVM二、相关操作1,如何使用vue(1)导入vue包(2)创建vue实例,我们new出来的vue就是vm(3)在页面中使用vue2,解决时延显示问题3,v-text、v-html4,v-bind5,v-on 绑定事件6,事件修饰符7,v-model...原创 2018-11-27 11:39:18 · 919 阅读 · 2 评论 -
vue学习笔记2——vue develtools安装、vue的过滤器、键盘修饰符、自定义指令获取焦点、Vue的生命周期、vue-resource 实现 get, post, jsonp请求
目录一、vue操作讲解1,vue develtools安装2,vue的过滤器3,时间过滤器4,定义私有过滤器5,键盘修饰符6,自定义指令获取焦点7,自定义指令改变样式8,Vue的生命周期9,vue-resource 实现 get, post, jsonp请求代码请参考我的github:https://github.com/masterzz/vue-l...原创 2018-12-03 12:46:27 · 854 阅读 · 0 评论 -
Vue学习笔记3——Vue动画、动画钩子函数、列表动画、定义组件、组件中展示数据和响应事件、局部子组件、切换组件
目录一、Vue中的动画1,使用过渡类名2,使用第三方 CSS 动画库3,使用动画钩子函数4,v-for 的列表过渡5,列表的排序过渡相关文章二、组件1,定义Vue组件(1)全局组件定义的三种方式(2),组件中展示数据和响应事件【重点】为什么组件中的data属性必须定义为一个方法并返回一个对象(3)使用components属性定义局部子组件2,...原创 2018-12-08 17:53:22 · 719 阅读 · 0 评论 -
Vue学习笔记4——父子组件传值、ref、vue-router的定义与使用、watch、computed与method的对比
代码请参照我的github:https://github.com/masterzz/vue-learn父组件向子组件传值 组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', ...原创 2018-12-13 16:50:01 · 1103 阅读 · 2 评论 -
Vue错误——Property or method "toJSON" is not defined on the instance but referenced during render.
我的vue在注册过程中报了这个错误:Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based com...原创 2018-12-21 10:51:31 · 51023 阅读 · 9 评论 -
Vue学习笔记5——Webpack
学习笔记的代码在我的gihub:https://github.com/masterzz/vue-learn 1,在网页中会引用哪些常见的静态资源?(1)JS.js .jsx .coffee .ts(TypeScript 类 C# 语言)(2)CSS.css .less .sass .scss (好吧scss(https://www.sass.hk/)是世界上最成熟...原创 2018-12-17 10:57:06 · 133 阅读 · 0 评论 -
Vue学习笔记6——Webpack 案例讲解
项目地址:https://github.com/masterzz/webpack-demos一、环境准备由于npm国外镜像太慢,用cnpm代替npm处理,安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org首先,全局安装webpacknpm i -g webpack webpack-de...原创 2018-12-31 00:30:17 · 189 阅读 · 0 评论 -
Vue学习笔记7——在webpack中配置.vue组件页面的解析、使用模板对象与使用饿了么的 MintUI 组件
Vue.js - day6注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖;运行cnpm i vue-loader vue-template-compiler -D将解析转换...原创 2019-04-22 14:56:05 · 286 阅读 · 0 评论