摘要：
页面的跳转，在html里都是通过a元素来进行页面跳转的，href指定的链接就相当于指定了跳转的路由。 而在vue的单页面应用中，这里的路由本质上是进行了页面重渲染。 在入口main.js里面已经将router装载进项目了。 1、在定义新的路由之前，先定义一个跳转的自定义组件。在src/compone 阅读全文
摘要：
1、is属性：通过is动态绑定组件名称，可以动态切换显示的组件 <body> <div id="app"> <button @click='changeName'>更改名称</button> <component :is='name'></component> </div> </div> <scri 阅读全文
摘要：
前面已经学习了vue的一些基础，现在开始学习使用vue官方提供的一个脚手架，什么叫脚手架，就是一个完整的基础项目架构。 1、npm的安装，npm是npm 是 JS 的包管理工具，npm的服务器上会收集了很多常用的js相关的文件包，可以利用npm来下载项目模块的依赖包 到node.js官网下载node 阅读全文
摘要：
组件（Component）是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。 1、基本定义和使用 <body> <div id="app"> <child></child> <child1></child1> </div> <script src="vue.js"> 阅读全文
摘要：
1、计算属性computed和methods 的区别在于computed 优先使用缓存，methods实时更新，如果message变更，其他两个值也会变更。 <body> <div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ rever 阅读全文
摘要：
v-model 用于表单控件的双向绑定。实际上就是对html控件的value值进行操作的一个命令 作用于带value的控件，比如input，selected，textarea等。 1、input(text) 、textarea <body> <div id="app"> <input type="t 阅读全文
摘要：
1、vscode 安装 open in browser 插件 安装完成后在html页面上点击右键就可以选择浏览器打开了。 2、看一个简单例子 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="app"> {{ 阅读全文
摘要：
上一节学习了参数和方法的定义，现在学习下vue的一些语法。 1、渲染 ：{{ }},v-text,v-html的使用 <div id="app"> {{ message }} //插值表达式： 直接将定义的变量放在 hmtl中，使用两个中括号包起来，这里是可以使用js 函数，比如：message.j 阅读全文