Vue预习课

Vue预习课

核心知识01——Hello World

​ 引入Vue

Hello World

​ 创建我们的第一个Vue程序

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

<script src="vue.js"></script>
<script>
const app = new Vue({ el:'#app',
data: {
title: 'hello,vue'
		}
})
setTimeout(() => {
    app.title = 'mua~,vue'
}, 1000);
</script>

理解Vue的设计思想

• 数据驱动应用
• MVVM模式的践行者

MVVM框架的三要素：响应式、模板引擎及其渲染