Vue
文章平均质量分 75
一米阳光MM
每一天的积累是很重要的
展开
-
Vue CLI
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,称为脚手架工具安装安装npm install –g @vue/cli升级npm update –g @vue/cli项目搭建创建项目vue create project-demo选择 Preset:选择包管理器:创建完成运行项目npm run serve目录与文件文件目录介绍单文件组件单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中打包与部署.原创 2022-05-16 08:10:02 · 163 阅读 · 0 评论 -
Vue Router
Vue Router 是 Vue.js 的官方插件,用来快 速实现单页应用前端路由前端路由,指的是 URL 与内容间的映射关系Hash 方式通过 hashchange 事件监听 hash 变化,并进行网页内容更新 <div> <a href="#/">首页</a> <a href="#/category">目录</a> <a href="#/user">用户页</a> <原创 2022-05-15 20:42:06 · 234 阅读 · 0 评论 -
Vue.js 组件
组件用于封装页面的部分功能,将功能的 html、css、js 代码封装为整体提高代码的复用性和可维护性组件使用时为自定义 HTML 标签形式,通过组件名作为自定义标签名组件注册全局注册全局注册的组件在注册后可以用于任意实例或组件中⚠️:全局注册必须设置在根 Vue 实例创建之前<body> <div id="app"> <p>{{ value }}</p> <my-com></my-com> .原创 2022-05-13 08:52:16 · 125 阅读 · 0 评论 -
Vue.js基础
Vue 实例通过 Vue 函数创建 new Vue({});el 选项可以为 CSS 选择器格式的字符串 或 HTMLElement 实例,但不能 为 html 或 body。 // 1、使用 css 选择器 /* var vm = new Vue({ el: '#app' }); // 2、HTMLElement 实例 /* var app = document.querySelector('#app'); var vm原创 2022-05-04 10:57:32 · 996 阅读 · 0 评论