VueJs
Q183cm
这个作者很懒,什么都没留下…
展开
-
Vue学习Day5
Vue.js - day5 注意: 有时候使用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将解析转换vue的包安装为开发依赖; 运行cnpm i style-loader css-loader -D将解析转换原创 2020-07-15 23:21:44 · 132 阅读 · 0 评论 -
Vue学习Day4
Vue.js - Day4 - Webpack 在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg .ttf .eot .woff .woff2 模板文件 .ejs .jade .vue【这是在w原创 2020-07-15 23:18:46 · 91 阅读 · 0 评论 -
Vue学习Day3
Vue.js - Day3 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用; 全局组件定义的三种方式 使用 Vue.extend 配合 Vue.component 方法: var logi原创 2020-07-15 23:13:24 · 156 阅读 · 0 评论 -
Vue学习Day2
Vue.js - Day2 品牌管理案例 添加新品牌 删除品牌 根据条件筛选品牌 1.x 版本中的filterBy指令,在2.x中已经被废除: filterBy - 指令 <tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.ctime}}&l原创 2020-07-15 23:08:41 · 126 阅读 · 0 评论 -
Vue学习Day1
Vue之 - 基本的代码结构和插值表达式、v-cloak Vue指令之v-text和v-html Vue指令之v-bind的三种用法 直接使用指令v-bind 使用简化指令: 在绑定的时候,拼接绑定内容::title="btnTitle + ', 这是追加的内容'" Vue指令之v-on和跑马灯效果 跑马灯效果 HTML结构: <div id="app"> <p>{{info}}</p> <input type="butto原创 2020-07-12 20:11:54 · 107 阅读 · 0 评论