vue.js 学习笔记

2020年12月17日09:26:24

第一节课

一、安装vue.js

       1.cdn 引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

        2.下载源码 引入

        3.NPM安装 (node.js)

                ①webpack和CLI使用方式


       我的第一个vue 文件

   <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<div id="box">

{{ name }}

</div>

</body>

<script type="text/javascript">

//常量 const  let 常量 编程范式:声明式编程

const app =  new Vue({

el:'#box',

data:{

name:'你好 vue.js'

},

methods:{

}

})

</script>

</html>



列表展示 v-for



案例case 计数器

    








什么是mvvm 
MVVMModel–view–viewmodel)是一种软件架构模式





















评论