- 开发无止境 -
Data: 2017-05-05 08:12:12Form: JournalClick: 9
Vue
是一套用户构建用户界面的渐进式框架npm
、webpack
基础,会 javascript
的 ES6
语法,有异步网络请求 axios
基础Vue
的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合Vue
的两大核心 dom
操作,而专心数据操作cdn
安装<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.0-beta.7/vue.cjs.js"></script>
<!-- 1、挂载html标签的id上 -->
<div id="app">{{title}}</div>
<script>
const app = Vue.createApp({
data() {
return {
title: "我是欧阳克",
};
},
}).mount("#app");
// 可以用app变量访问标题
console.log(app.title);
</script>
<!-- 2、执行方法 -->
<div id="app">{{title}} {{one()}}</div>
<script>
const app = Vue.createApp({
data() {
return {
title: "我是欧阳克"
};
},
methods: {
one() {
console.log(this.title);
return "我是one方法";
}
},
}).mount("#app");
console.log(app.title);
console.log(app.one());
</script>
npm
命令行安装npm
能很好地和诸如 webpack
或 Rollup
模块打包器配合使用npm install vue@next
Vue cli
安装CLI
来构建一个项目,它为现代前端工作流程提供了功能齐备的构建设置 (例如,热重载、保存时的提示等等)Vite
安装