在项目中下载和安装vue

在编辑器的终端中（在项目目录 如：cd vue-demo）

npm init -y

初始化项目后在项目目录下会生成一个json文件（该文件实质是该项目的依赖管理文件，类似于maven的pox.xml）

之后使用

npm install vue --save 本地安装　　或　　npm install vue -g 全局安装　　安装vue环境

此时项目中会自动生成一个node_modules文件夹，文件夹中存放的就是vue的相关文件

之后即可在项目目录下新建html文件使用vue

 

使用vue:

1 引用vue

在页面中加入vue

<body>
    <script src="node_modules/vue/dist/vue.js"></script>
</body>

之后就可以使用vue了

如：

 

<body>
<div id="hello">
    <p>hello,<span v-text="name"></span></p>
</div>

    <script src="node_modules/vue/dist/vue.js"></script>
<script>
    const app = new Vue({
        el:"#hello",
        data:{
         name:"word!"
        }
    });
</script>
</body>

效果：

 

 

posted @ 2019-10-21 11:25  WaterGe  阅读(735)  评论(0)  编辑  收藏  举报