1、vue父子组件传值方式1、props 2、v-model 3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值 4、ref 父组件通过ref直接拿到子组件的属性或方法 5、$emit 父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数) 6、$children&$parent 获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
在GOFLY项目的实现过程中,需要使用富文本编辑器,现在使用下wangEditor 很简单,先引入 <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script> 再使用 ht
原创 2022-02-15 13:56:03
1042阅读
├── build # webpack文件,配置参数,打包的代码存放在这里。 ├── config # vue项目的基本配置文件(配置端口等信息) ├──dist #打包好后的文件(打包对文件进行混淆)  └── static   └──js   └──css   └──img   └──fonts ├── node_modules # 项目中安装的依赖模块 ├── src # 源代码文件夹
vue项目中main.js使用方法详解目录第一部分:main.js文件解析第二部分:Vue.use的作用以及什么时候使用Vue.use是什么?(官方文档)Vue.use()什么时候使用?补充:关于main.js方便小技巧总结第一部分:main.js文件解析src/main.js是入口文件,主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元
转载 2023-07-15 09:41:17
61阅读
   由于 webpack3升级后,新增了 Scope Hositing(作用域提升) 功能,据说是对 js的性能提升很大。因此,我们做了一个测试对比,就是 webpack3和 webpack1/2 的性能对比,如下:测试目标      &
1. element Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目,当时它的文档还没有准备好。今天,经过两周多的完善, Element UI 的文档正式上线啦!目前它处于 rc 阶段,正式版将于 Vue 2.0 发布后第一时间跟进。 欢迎大
这次做了个项目,其中一个模块的功能就是,根据用户填写的信息生成一个pdf但是pdf有很多表格,而且格式比较复杂,如果用代码写出这种模板,然后将当前页面生成pdf这种方法显然不太现实,后来发现用填充模板的方法可以实现1.先安装对应依赖npm install docxtemplater pizzip --save-dev npm install jszip-utils --save npm insta
一:KEYCLOAK配置部分:  1,下载keycloak,官网地址:https://www.keycloak.org/downloads.html。下载第一个就行       2,下载完毕之后,打开文件,访问 bin 路径,点击 standalone.bat 打开,打开之后大概如下:          3,然后访问:http://localhost:8080/auth/ ,下
文章目录一、环境二、创建项目三、启动项目四、项目结构与解释 一、环境环境已经搭好,所以就不废话了,看一下我的版本 这已经是最新环境了。二、创建项目我们使用命令vue create创建,如下:vue create v1 提示说:请选择一个预设,预设就是项目的一些初始化,就是给你安装规定一些基本的东西,以前的低版本vue创建项目是用vue init webpack 【projectName] 命令,
1,使用save会在package.json中自动添加。 注: 通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装node-sass,解决以上问题。 $ npm install -g cnpm --registry=https://registry.npm.tao
转载 2017-03-11 15:45:00
142阅读
2评论
https://www.jianshu.com/p/5c4bde800762
Vue
转载 2022-06-13 17:00:24
40阅读
Echarts 官网:http://echarts.apache.org/zh/index.html 安装依赖 npm安装 npm install echarts -S 或者用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.tao ...
转载 2021-10-27 18:47:00
194阅读
2评论
前言: 这是一个java程序员的vue学习记录。 vue是前端的主流框架,按照如今的就业形式作为后端开发的java程序员也是要有所了解的,下面是本人的vue学习记录,包括vue2的基本使用以及引入element-ui,使用的开发工具是IDEA。一、第一个vue项目1、环境需求 系统环境使用vue3但是后续创建的项目vue2项目,主要是因为vue3提供了vue ui对于初学者十分友好,这些环境的
一、项目环境搭载及创建1. 软件及模块 a. node 用c++编写,用来运行js代码 b. npm/cnpm 终端应用商城 c. vue 用来搭建vue前端项目 2. 安装及下载 a. 安装node 官网下载安装包 b. 安装cnpm npm install -g cnpm --registry=https://regist
// https://eslint.org/docs/user-guide/configuring module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, jquery: true
使用vue-cli搭建vue项目
**画图 : ** 接口访问路径前端页面 ===> 接口服务器 ===> 数据库服务器 ==> 数据库第一小步 : 打开 : 数据库服务器打开 phpStudy , 点击启动 【启动MySQL】第二小步 : 导入数据库打开 navicat 【双击navicat.exe即可 】点击连接 : 创建一个MySQL连接用户名和密码 : root-root(不能乱写) ,这个是和 conf
目录Vue的基本用法模板语法指令v-bind指令v-on:click指令v-model条件渲染列表渲染网络请求1.安装:2.引入(main.js中):3.使用Vue的基本用法Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类
使用vue-cli创建vue项目 安装node.js下载地址:​​​​​​​​ 下载安装包之后,直接下一步安装即可。测试是否安装成功: 在cmd窗口中输入一下指令C:\Users\upuptop>node -vv10.16.0C:\Users\upuptop>npm -v6.9.0如果提示【不是内部或外部命令,也不是可运行的程序或批处理文件】,请配置nodejs的环境变量。 安装cn
原创 2022-03-07 14:04:12
97阅读
使用vue开发项目的前期工作可以参考前面写的: Vue环境搭建及node安装过程整理 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。 只需几分钟即可创建并启动一个带热重载、
原创 2017-09-26 20:49:00
313阅读
  • 1
  • 2
  • 3
  • 4
  • 5