VUE前端框架的学习
前端框架VUE的前导知识学习,前后端分离需要学习VUE,方便做项目,目前主流的前端框架
越过山丘,佳人等候
逃离平庸
展开
-
Vue前端框架的学习——06—(匹配404错误、嵌套路由、编程式导航、命名路由、命名视图、重定向和别名、node环境配置和npm、vue-cli的使用)
1、匹配404错误: 在路由规则中,* 代表的是任意字符。所以只要在路由的最后添加一个路由,那么以后没有匹配到的url都会被导入到这个视图中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2020-04-01 17:08:12 · 311 阅读 · 0 评论 -
Vue前端框架的学习——05—(过滤器、图书管理系统实例、Vue-Router、基本使用、解释说明、动态路由)
1、过滤器 过滤器就是数据在真正渲染到页面中的时候,可以使用这个过滤器进行一些处理,把最终处理的结果渲染到网页中。 过滤器使用: 过滤器可以用在两个地方:双花括号插值**和v-bind表达式 (后者从2.1.0+开始支持)。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 --> {{ message|capitalize }} <...原创 2020-03-30 16:44:59 · 373 阅读 · 0 评论 -
Vue前端框架的学习——04—(给自定义组件添加属性、单一根元素、子组件事件和传递事件到父组件、自定义组件v-model、插槽、生命周期函数)
1、给组件添加属性 像原始的html元素都有自己的一些属性,而我们自己创建的组件,也可以通过prop来添加自己的属性。这样别人在使用你创建的组件的时候就可以传递不同的参数了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...原创 2020-03-26 19:02:55 · 965 阅读 · 0 评论 -
Vue前端框架的学习——03—(视图更新注意事项、事件绑定、计算属性的set和get、监听属性、表单输入绑定、修饰符、自定义组件)
1、视图更新注意事项 直接修改数组中的某个值是不会出发视图更新的。比如: this.books[0] = ‘Python’; 这种情况应该改成用splice或者是用Vue.set方法来实现: Vue.set(this.books,0,‘Python’); 如果动态的给对象添加属性,也不会触发视图更新。只能通过Vue.set来添加。比如: <div id="app"> ...原创 2020-03-23 10:52:39 · 405 阅读 · 0 评论 -
Vue前端框架的学习——02—(属性绑定Class和Style、使用JavaScript表达式、条件判断、v-show和v-if、触发视图更新)
1、属性绑定Class和Style 在绑定class或者style的时候,可以通过以下方式来实现。 绑定Class 通过数组的方式来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi...原创 2020-03-20 20:03:51 · 913 阅读 · 0 评论 -
Vue前端框架的学习——01—(VSCode插件、Vue介绍、Vue安装、Vue模板语法)
1、Vue介绍 VSCode插件安装 后面开发Vue项目,使用.vue的单文件开发,就需要一些插件来帮我们识别.vue文件。插件安装在Extension中,点开即可看到一个搜索按钮,可以输入关键字搜索自己想要的插件。 VScode快捷键:https://segmentfault.com/a/1190000007688656 这里我们开发Vue推荐的几个插件: jshint:js代码规范检查。 B...原创 2020-03-17 19:52:48 · 2438 阅读 · 0 评论