vue入门知识

vue的特点在于：响应的数据绑定、组合的视图组件。

vue的文件，分成三个部分<template>html模板</template>  <script>js</script>  <style>css<style>，这三个部分组成一个vue的组件。

我们先用vue-cli来初始化一个项目。

1.Node.js安装

   https://nodejs.org/en/download/

2.安装vue-cli

  npm install -g vue-cli

3.使用vue-cli初始化项目

 vue init webpack-simple my-project-name

4、进到目录

cd my-project

5、安装依赖

  npm install

6、开始运行

npm run dev

 

运行后我们就可以在浏览器中看到一个这样的页面了

 这是我们刚刚安装的vue项目，现在我们可以把它原来的页面删除或者改动，写自己需要的项目了。

new一个vue对象，主要包含了三个重要的属性data（vue对象的数据相当于model）、method（vue对象的方法）、watch（vue对象的事件监听）

模板指令将视图层（html）和逻辑层（data）连接起来，常用的模板指令：

v-if（v-show）:判断指令

v-text（v-html、{{}}）:模板渲染

v-for:循环指令

v-on:事件绑定