Vue数据绑定

双向数据绑定=单项数据绑定+UI事件监听

v-model只适用在表单控件里

********************************************************************

创建vue项目:

用命令行脚手架创建:

1. 创建项目文件夹 进入指定区域创建项目文件夹: md study 

2.使用脚手架安装项目 Vue init webpack 项目名  然后弹出下列提示输入:

Project name(工程名):回车
Project description(工程介绍):回车
Author:作者名
Vue build(是否安装编译器):回车
Install vue-router(是否安装Vue路由):回车
Use ESLint to lint your code(是否使用ESLint检查js代码):n
Set up unit tests(安装单元测试工具):n
Setup e2e tests with Nightwatch(是否安装端到端测试工具):n
Should we run npm install for you after the project has been created? (recommended):回车。

3.项目完成创建,进入项目目录

4.安装项目依赖:npm install

5.启动项目:npm run dev 

此时,进入浏览器访问localhost:8080 可访问项目

 *************************************************************************

阻止a标签的默认事件,不跳转链接:  <a href="javascript:;">{{item.song}}</a>

仅在当前组件里使用当前的样式<style scoped>

 

原文地址:https://www.cnblogs.com/wen-kang/p/9960519.html