vue的代码问题
就是最简单的赋值嘛,data是个json数组,把他赋值给vue实例下的heros
js中可以通过this.heros取值
html中可以用v-for循环渲染这个数组
vuePress里面怎么写vue.js代码
2.1 新建文件夹docs
配置package.json,添加下述两行
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
进入docs文件夹 创建 README.md文件
此时运行命令
npm run docs:dev
此时文件夹结构
study
+--docs
+----README.md
+--package.json
运行访问
image.png
结束运行 ,执行命令
npm run docs:build
然后看文件变化 多了个node_modules
docs 多了个 .vuepress文件夹
study+--docs+----.vuepress+------ dist //打包后的文件夹+----README.md+--package.json+--node_modules
我们在.vuepress 创建
config.js 文件
添加
module.exports = {
title: 'Adroi媒体API 接口文档', // 设置网站标题
description : 'Adroi',
base : '/v1/adroi-h5/adroiapi/',
themeConfig : {
nav : [
{ text: '接口定义', link: '/apiword' },
{ text: '接口字段定义', link: '/api' },
{ text: '附录:错误码', link: '/error' }
sidebar: {
"/", //指的是根目录的md文件 也就是 README.md 里面的内容
"apiword", 根目录创建 apiword.md文件 "api",根目录创建 api.md文件 "error" 根目录创建 error.md文件 ]
sidebarDepth : 2
image.png
3)添加静态图片
![An image](./baner.png)
4)添加指定样式
添加样式 分两种 一种不用预编译处理、一种使用
//不使用预编译处理//直接在md文件底部添上style/style
//使用预编译处理
首先需要安装所需的模块 举例:stylus
npm i stylus stylus-loader -Dstyle lang="stylus"/style
5)vuePress可添加js代码
既然是尤大大的作品 那肯定是支持vue语法的
在MD文件中直接写入js的语法
script
export default{
//...do something
}/script
6)代码发布或上传至服务器
关于发布问题:首先我们知道在打包后的文件都是静态文件之前的MD文件都被打包成html静态文件了,其次在文件config.js中 base至关重要
6-1发布在云盘中如百度云盘 github上可直接通过链接访问
在云盘上创建根目录如vuepress,然后在config中 bese这部分就填写/vuepress,然后进行打包操作,再然后把打包后的文件上传至云盘上的vuepress文件中
6-2 通过服务器发布
在服务器上安装Apache或者nginx 这里拿nginx举例:
至于nginx 安装 以及配置文件的解读使用 我这里就不详述了,不了解的童鞋可以自己查阅相关文件
同样base的填写很重要
//为了简单明了 我们把打包好的文件放入nginx中html文件下 之前的文件可以清空server {
listen 8081; //监听8081端口
server_name localhost; //localhost:8081即可指向也可写别名如local.vuepress.com.cn 那我们访问这个端口的别名加端口就可以
location / {
root /nginx/nginx-1.9.15/html; //至关重要你的入口文件在本机的位置
index index.html index.htm; //入口文件
转载于:
vue注册的邮箱是不是一定不能用qq邮箱
你说的是填写的验证邮箱吧,QQ邮箱对於vue发的邮件可能会当做垃圾邮件处理,其实在垃圾邮件裏面也能找到的。。
vue中关于属性和方法客户端代码怎么写
直接写就行了。 如果需要传入变量,则写成: vue中用v-bind:属性名="属性值" 的方式动态设置属性,注意属性值的引号内不要加{{}}
vue3.0基础使用(附代码)
文档:
然后的步骤
文档:
vue2.x的生命周期
[图片上传失败...(image-3484e0-1644895211640)]
vue3的生命周期
[图片上传失败...(image-cb9666-1644895211640)]
与 2.x 版本生命周期相对应的组合式 API
新增的钩子函数
组合式 API 还提供了以下调试钩子函数:
把一个响应式对象转换成普通对象,该普通对象的每个 property 都是一个 ref
应用: 当从合成函数返回响应式对象时,toRefs 非常有用,这样消费组件就可以在不丢失响应式的情况下对返回的对象进行分解使用
问题: reactive 对象取出的所有属性值都是非响应式的
解决: 利用 toRefs 可以将一个响应式 reactive 对象的所有原始属性转换为响应式的 ref 属性
利用ref函数获取组件中的标签元素
provide :向子组件以及子孙组件传递数据。接收两个参数,第一个参数是 key,即数据的名称;第二个参数为 value,即数据的值 inject :接收父组件或祖先组件传递过来的数据。接收一个参数 key,即父组件或祖先组件传递的数据名称
利用ref函数获取组件中的标签元素
功能需求: 让输入框自动获取焦点
ModalButton.vue
App.vue
vue中是否提交本协议勾选按钮代码
vue中是否提交本协议勾选按钮代码方法如下。
建议使用vue-resource或者axios发送请求。
用vue-resource或者axios发送请求。
也就是 README.md 里面的内容"apiword", 根目录创建 apiword.md文件 "api",根目录创建 api.md文件 "error" 根目录创建 error.
为了简单明了 我们把打包好的文件放入nginx中html文件下 之前的文件可以清空server {listen 8081; //监听8081端口server_name localhost; //lo
link: '/apiword' },{ text: '接口字段定义', link: '/api' },{ text: '附录:错误码', link: '/error' }],sidebar: {'/' : ["/", //指的是根目录的md文件 也就是 README.
上创建根目录如vuepress,然后在config中 bese这部分就填写/vuepress,然后进行打包操作,再然后把打包后的文件上传至云盘上的vuepress文件中6-2 通过服务器发布在服务器上安装Apache或者ngi