vue-js
慵懒如我
这个作者很懒,什么都没留下…
展开
-
VueApi-04
Vue.js - Day4父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据<script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' ...转载 2018-07-04 23:41:19 · 188 阅读 · 0 评论 -
VueApi-05
Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源?JS .js .jsx .coffee .ts(TypeScript 类 C# 语言)CSS .css .less .sass .scssImages .jpg .png .gif .bmp .svg字体文件(Fonts) .svg .ttf .eot...转载 2018-07-04 23:40:18 · 475 阅读 · 0 评论 -
VueApi-03
Vue.js - Day3定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: + 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; + 组件化: 是从UI界面的角度进行划分的;前端的组件化,方...转载 2018-07-03 22:33:39 · 500 阅读 · 0 评论 -
VueApi-02
Vue.js - Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x 版本中的filterBy指令,在2.x中已经被废除:filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'"> <td&gt转载 2018-07-03 22:31:34 · 814 阅读 · 1 评论 -
VueApi-01
Vue.js - Day1课程介绍前5天: 都在学习Vue基本的语法和概念;打包工具 Webpack , Gulp 后5天: 以项目驱动教学;什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主...转载 2018-07-03 22:27:55 · 763 阅读 · 0 评论 -
计算属性VS计算方法
计算属性VS计算方法在vue中在模板中绑定表达式是非常方便的,但是他们实际只是用于简单的操作,如果在模板中绑定过多的逻辑就会变得难于维护。例如<div id="example"> {{ message.split('').reverse(). ('') }}</div>这种情况下,如果message在模板过多的的反转,模板就会变得不清晰了。因此:这就是为什么任何复杂逻辑都用计算属性的原因。原创 2018-04-19 10:39:57 · 678 阅读 · 0 评论 -
VueApi-06
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...转载 2018-07-05 00:00:04 · 308 阅读 · 0 评论