vue之第一个简单工程

作者: 蜗牛ICU | 来源:发表于2019-03-01 01:19 被阅读0次

vue之第一个简单工程
创建Vue工程（包含Vue2和Vue3）
Vue初体验 | 创建你的第一个Vue组件
阿里云 and 程序打包
Web前端开发之构建Vue-cli3.0工程
vue + vue router + vuex + vue-cl
Vue.js学习笔记（1）
Vue项目静态文件之图片的引用
使用webstorm搭建vue-cli项目
开发Vue组件系列之模态框

1 、创建一个文件夹:

  node-demo

2 、创建包管理器文件：

  $ npm init -y   //会生成一个 package.json文件

3 、执行命令引入 vue:

  $ npm install vue

4、创建 html 页面 :

  helloWorld.html

5、在页面中引入 vue :

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

6、通过 new 创建 vue :

<script>
        let vm = new Vue({
            el: '#app',
            data: {
                msg:'lidong'
            }
        })
</script>

7、页面获取 data 中的数据 :

 <div id="app">
        {{msg}}
 </div>

vue之第一个简单工程
1 、创建一个文件夹: 2 、创建包管理器文件： 3 、执行命令引入 vue: 4、创建 html 页面 : 5、...
创建Vue工程（包含Vue2和Vue3）
第一个vue程序（html集成vue）只需要script导入vue的js即可，如果是vue工程则通过vue-cli...
Vue初体验 | 创建你的第一个Vue组件
昨天学习了如何生成自己的第一个Vue工程，今天就学习如何创建自己的第一个Vue组件吧。创建组件之前，先将我学习...
阿里云 and 程序打包
第一个问题 Vue程序的问题采用完整的工程进行开发采用完整的项目结构vue-clivue init webpa...
Web前端开发之构建Vue-cli3.0工程
** Web前端开发之构建Vue-cli3.0工程 ** # 参考资料 Standard Tooling for ...
vue + vue router + vuex + vue-cl
本文是各个技术点的文章链接本dome是简单的跑通了vue router 以及 vuex 1、初始化工程 vue-...
Vue.js学习笔记（1）
使用脚手架创建第一个vue工程项目文件结构 build：项目构建(webpack)相关代码 config：配置目...
Vue项目静态文件之图片的引用
Vue项目静态文件之图片的引用一、前提工程文件目录 |- mock |- node_modules |- p...
使用webstorm搭建vue-cli项目
前言随着vue在前端不断的壮大起来，越来越多的前端工程师使用vue了，作为大型项目的开发，vue-cli是不二之...
开发Vue组件系列之模态框
项目基础工程文件是使用vue-cli3.0搭建的,这里不过多介绍。开发Vue组件系列之模态框,主要有标题、内容、定...