![](https://img-blog.csdnimg.cn/20210701095324703.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 67
vue
Brrby
这个作者很懒,什么都没留下…
展开
-
一个最基础的vue-cli单页面程序
一个最基础的vue-cli单页面程序前期准备安装vue-router引入vue-router模板里跳转模板子模版、子路由前期准备看到这里的项目准备好后,把图片换成这段文字:运行后看到:安装vue-router在终端输入npm install vue-router --save-dev来安装vue-router。引入vue-router在main.js里引入vue-router模板里跳转模板在src目录下新建routers目录>index.js文件新建components-原创 2021-05-10 17:08:15 · 800 阅读 · 2 评论 -
vue-router
vue-router项目准备开始写vue-router的效果使用vue-router1. 在main.js里引入vue-router在src目录下新建routers目录>index.js文件在components目录下新建Content.vue文件回到主函数,把路由配置导入进来把路由跳转的组件放到一个指定位置运行项目vue-router是vue.js官方的路由管理器。vue-router是一个插件包,需要用npm来进行安装。在项目目录终端输入一下命令进行安装:npm install vue-原创 2021-05-08 12:04:42 · 201 阅读 · 1 评论 -
搭建vue-cli脚手架
vue-cli搭建项目运行环境安装node.js淘宝加速器安装vue-cli创建vue-cli demovue-cli是官方提供的一个脚手架(预先定义好的目录结构及基础代码,在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架),用于快速生成一个vue的项目模板。运行环境## 安装node.jsnode.js (>=6.x,首选8.x)node.js安装好后,cmd=>输入 node -vnode.js安装成功会附带安装一个原创 2021-05-06 17:15:16 · 175 阅读 · 1 评论 -
图书查询系统
vue+springboot+axios+bootstrap+oracle图书查询系统图书查询系统springboot项目搭建好后:在pom.xml里添加ojdbc6<dependency> <groupId>com.oracle</groupId> <artifactId>ojdbc6</artifactId> <version>11.2.0.3</version></dependency>原创 2021-02-18 18:08:11 · 287 阅读 · 0 评论 -
vue
vue学习vue大致模板:引入链接:vue.js,提取码:uvrq实例化vue对象定义数据对象属性定义函数例如 <head> <script src="lib/vue.min.js"></script> <!-- 第一步:引入vue 第二步:实例化vue对象 el参数是DOM元素中的id,意味操作在指定id的元素内起作用,外部不受影响 data参数用于定义数据对象属性 methods参数用于定义函数原创 2020-10-19 18:02:57 · 549 阅读 · 0 评论 -
vue组件
vue组件的基本使用步骤和实现:组件的使用分为三个步骤:1.创建组件构造器2.注册组件3.使用组件<body> <div id="app"> <my-a></my-a> </div> <script type="text/javascript"> const a=Vue.extend({ template: '<div><h2>我是使用组件创建出来的</h2><原创 2020-10-27 11:47:09 · 247 阅读 · 2 评论 -
vue中data的两种写法
vue中的data是写为对象好还是函数好data为对象的写法data为函数的写法组件中访问data组件的data属性是一个对象的情况会访问不到data中的数据组件的data属性必须是一个函数且返回一个对象为什么组件的data属性必须是一个函数且返回一个对象data为对象的写法data:{ message: '此时mustache表达式是通过data为对象来获取message的值' }data为函数的写法data(){ return{ message: '此时mustac原创 2020-10-27 16:56:30 · 44978 阅读 · 6 评论 -
父子组件通信
父子组件通信根组件data传子组件根组件data传子组件在子组件使用props属性,然后在使用组件标签时绑定props里的属性到根组件的data数据,这样就可以在模板里使用props的属性当作根组件的data数据使用了<head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"><原创 2020-10-28 11:45:13 · 1031 阅读 · 0 评论 -
vue 插槽slot
插槽slot基本使用给插槽设置默认值具名插槽插槽是为组件空一个位置可以在需要的时候填上对应需要的标签内容基本使用<body><div id="app"> <c1></c1> <c1><a href='www.baidu.com'>我是a</a></c1> <c1><i>我出来了</i></c1> <c1><button>点击&原创 2020-10-28 16:27:13 · 147 阅读 · 0 评论