Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:
<div id="app">
{{ message }}
</div>
var app = new Vue({
el: ‘#app‘,
data: {
message: ‘Hello Vue!‘
}
})
Hello Vue!
加入路径
终端设置
路由设置
path设置
效果 teacher 案例1
自己练习案例01 成功显示 李四
<template>
<div id=‘app‘>
{{message}}
</div>
</template>
<script>
// 输出内容 hello vue
export default {
data() {
return {
message: "李四",
};
},
methods: {},
};
// 写完这里,去APP.vue 里面加路径
</script>